.container {
    font-family: Arial, sans-serif;
    height: 100vh; /* 设置容器高度为视口高度 */
    width: 90%;
    overflow: hidden; /* 隐藏滚动条 */
}

.ButtonContainer{
    display: flex;
    margin-top: 20px;
}

.roleList {
    margin-top: 20px;
    height: calc(100% - 120px); /* 设置容器高度为300px */
    overflow-y: auto; /* 添加垂直滚动条 */
}

.roleItem {
    margin-bottom: 20px;
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 5px;
}

.permissionList {
    margin-top: 10px;
    gap: 15px;
    display: flex;
    flex-wrap: wrap; /* 允许子元素换行 */
}

.permissionItem {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

.permissionItem input {
    margin-right: 10px;
}